<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:replace="layout/common :: headBar(~{::title}, ~{})">
    <title>首页</title>
</head>
<body>
<!--layui.js-->
<script th:replace="layout/common :: #layuiJS"></script>

<!--引入顶部导航栏-->
<div th:replace="layout/common :: topBar(myTarget='_self')"></div>

<div class="banner">
    <div class="cont w1000">
        <div class="title">
            <h3>智能交通</h3>
            <h4>学术论坛</h4>
        </div>
        <div class="amount">
            <p><span class="text">访问量</span><span class="access">1000</span></p>
            <!--<p><span class="text">日志</span><span class="daily-record">1000</span></p>-->
        </div>
    </div>
</div>

<div class="content">
    <div class="cont w1000">
        <div class="title">
            <span class="layui-breadcrumb" lay-separator="|">
              <a href="javascript:;" class="active">设计文章</a>
              <a href="javascript:;">前端文章</a>
              <a href="javascript:;">旅游杂记</a>
              <a href="#" th:href="@{/posting}" target="_blank">
                  <i class="layui-icon layui-icon-edit"></i>我要发帖
              </a>
            </span>
        </div>
        <div class="list-item">
            <div class="item">
                <div class="layui-fluid">
                    <div class="layui-row">
                        <div class="layui-col-xs12 layui-col-sm4 layui-col-md5">
                            <div class="img">
                                <img src="../res/img/sy_img1.jpg" th:src="@{/img/sy_img1.jpg}" alt="">
                            </div>
                        </div>
                        <div class="layui-col-xs12 layui-col-sm8 layui-col-md7">
                            <div class="item-cont">
                                <h3>空间立体效果图，完美呈现最终效果
                                    <button class="layui-btn layui-btn-danger new-icon">new</button>
                                </h3>
                                <h5>设计文章</h5>
                                <p>
                                    室内设计作为一门新兴的学科，尽管还只是近数十年的事，但是人们有意识地对自己生活、生产活动的室内进行安排布置，甚至美化装饰，赋予室内环境以所祈使的气氛，却早巳从人类文明伊始的时期就已存在</p>
                                <a href="details.html" class="go-icon"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="demo" style="text-align: center;"></div>
    </div>
</div>

<!--引入底部内容-->
<div th:replace="layout/common :: bottumBar"></div>

<script type="text/javascript">
    layui.config({
        base: '/js/util/'
    }).use(['element', 'laypage', 'jquery', 'menu'], function () {
        element = layui.element, laypage = layui.laypage, $ = layui.$, menu = layui.menu;
        laypage.render({
            elem: 'demo'
            , count: 70 //数据总数，从服务端得到
        });
        menu.init();
    })
</script>
</body>
</html>